<!--    <div class="col-sm-6 col-xs-12 sjj">

        <div class="form-group">

            <label class="control-label col-sm-3 lables">搜索： </label>

            <div class="col-sm-9"> -->

                <!-- <form action="" class="booking-from" > -->

                    <div style="position: relative;width: 100%; float: left;">

                        <div class="search-type-box">

                            <div class="search-type" style="width:350px;float: left;">

                                <input type="text" style="width:300px;" id="des" did='<?php echo empty($des_id) ? 0 : $des_id ?>' cktype="<?php echo empty($cktype) ? "" : $cktype?>" autocomplete="off" class="addr-text" placeholder="目的地" value="<?php echo !isset($area) ? "" : $area ?>">

                                <input type="hidden" id="des_id" name='des_id' value='<?php echo empty($des_id) ? 0 : $des_id ?>'>

                                <i class="addr icon"></i>

                            </div>
<!-- 
                            <span id="dataPa"> 

                                <div class="search-type"> 

                                </div> 

                            </span> -->
                            
                            
                            

                        </div>

                        <!--目的地下拉-->

                        <div class="addr-city-box s-layer" style="display: none; left: 0px;">

                            <div class="index-se-top-title">支持中文/英文/拼音及首字母输入，匹配出酒店/景点/城市</div>

                            <div class="index-se-con" style="display:none;">

                                {if condition="(!empty($searchData.latelySearch))"}

                                    <div class="se-row recent-se" style="float: left;width: 100%;margin-bottom: 20px;">

                                        <div class="se-l-title">最近搜索地区</div>

                                        <div class="se-r-con se-recently-se-list">

                                            {foreach searchData.latelySearch as $vo }

                                            

                                            <div class="se-recent-box">

                                                <a class="se-recent-li" onclick="cleckArea(this)" cktype='area' data-name="{$vo.name}" data-val="2" did="{$vo.id}" data-urlname="chiangmai" href="javascript:;">{$vo.jname}</a>

                                            </div>

                                            {/foreach}

                                        </div>

                                    </div>

                                {/if}


                                {if condition="(!empty($searchData.areaHot))"}

                                    <div class="se-row recommend-hot" style="width: 100%;float: left;margin-bottom: 20px;display:none;">

                                        <div class="se-l-title">热门推荐</div>

                                        <div class="se-r-con se-recommend-hot-list">

                                            {foreach searchData.areaHot as $hot }

                                            <div class="se-recent-box2">

                                                <a class="se-recommend-city" onclick="cleckArea(this)" cktype='area' data-name="{$hot.name}" did="{$hot.id}" data-val="1" data-urlname="bangkok" href="javascript:;"><span>{$hot.jname}</span></a>

                                            </div>

                                            {/foreach}

                                        </div>

                                    </div>

                                {/if}


                                

                            </div>
                            <?php $state = 1;?>
                            <div style="float: left;width: 100%;padding: 10px;">
                                <!-- <p class="toltal-city">可搜索59,922个国际城市</p> -->
                                <div class="area-titJtY"></div>
                    			<div class="area-titJt"></div>
                                <div class="area-tit">
                                	<div class="area-titMd">
	                                    <!-- 热门地区 -->
	                                    {if condition="(!empty($searchData.areaHot))"}
	                                        <div class="actB" name="area-act" state="1">热门</div>
	                                         <?php $state = 0;?>
	                                    {/if}
	                                    <!-- 默认显示地区 -->
	                                    {if condition="(!empty($searchData.areaDefault.title))"}
	
	
	                                        {foreach searchData.areaDefault.title as $title }
	                                            <div name="area-act" state="{$state}" <?php if($state == 1){?>class="actB"<?php }?><?php else{?>class="actA"<?php }?>>
	                                                {$title}
	                                                <!-- <span class="sugic sugic9"></span> -->
	                                            </div>
	                                            <?php $state = 0; ?>
	                                        {/foreach}
	<!--                                         <div class="actA" name="area-act" state="0">東南亞</div>
	                                        <div class="actA" name="area-act" state="0">日韓</div>
	                                        <div class="actA" name="area-act" state="0">歐美</div>
	                                        <div class="actA" name="area-act" state="0">澳新</div> -->
	                                    {/if}
                                   </div>
                                </div>
                                <!-- 热门城市 -->
                                {if condition="(!empty($searchData.areaHot))"}
                                    <div class="area-cant" style="display: block;" id="area-cant1">
                                        <ul>
                                            {foreach searchData.areaHot as $hot }
                                                <li  cktype='area' data-name="{$hot.name}" did="{$hot.id}" name="area-cant-Li">{$hot.jname}</li>
                                            {/foreach}
                                        </ul>
                                    </div>
                                {/if}
                                <!-- 默认显示地区 -->
                                {if condition="(!empty($searchData.areaDefault.title))"}
                                    <?php $i = 1;?>
                                    {foreach searchData.areaDefault.info as $info}
                                        <div class="area-cant"  id="area-cant{$i+1}"  <?php if($i == 1){?>style="display:none;"<?php } ?>>
                                            <ul>
                                                
                                                    {foreach $info as $val}
                                                        <li cktype='area' data-name="{$val.allName}" did="{$val.id}" name="area-cant-Li">
                                                            {$val.name}
                                                        </li>
                                                    {/foreach}
                                            </ul>
                                        </div>
                                        <?php $i++;?>
                                    {/foreach}
                                {/if} 


                                <!-- 推荐国家 -->
                                {if condition="(!empty($searchData.groomCountry))"}
                                    <div class="sug-recommend">
                                        <p style="margin-top: 20px;float: left;">
                                            <a href="javascript:;" class="recom-tit recom-country"><i class="sugic sugic1"></i>推薦地區</a>
                                            <ul style="float: left;margin-top: 20px;">
                                                {foreach searchData.groomCountry as $groomCountry}
                                                    <li cktype='area' data-name="{$groomCountry.allName}" did="{$groomCountry.id}" name="area-cant-Li" style="cursor: pointer;" target="_blank">{$groomCountry.name}</li>
                                                {/foreach}
                                            </ul>
                                        </p>
                                    </div>
                                {/if} 
                                
                            </div>

                            <div class="index-se-con-recent" style="display: none;float: left;width: 100%;padding: 20px 25px;background-color: #F6F6F6;">

                                {if condition="(!empty($searchData.latelyBrowse))"}

                                    <div class="se-row" style="display: block;float: left;width: 100%;">

                                        <div class="se-l-title">最近搜索酒店</div>

                                        <div class="se-r-con se-history-list">

                                            {foreach searchData.latelyBrowse as $val }

                                                <span class="se-history-li" data-alias="0" onclick="cleckArea(this)" cktype='hotel' data-type="history" did="{$val.id}" data-name="{$val.name}" data-cityid="255" data-urlname="edinburgh" data-id="70198" data-lat="55.94981" data-lan="-3.22301">

                                                    <a href="javascript:;" title="{$val.jname} · {$val.janame}">{$val.jname}</a>

                                                </span>

                                            {/foreach}

                                        </div>

                                    </div>

                                {/if}

                            </div>
                        </div>

                        <!--input输入下拉改-->
                        <div class="input-search-select s-layer" style="position: absolute; z-index: 999;width: 100%;left: 0;top: 48px;border-radius: 4px;box-shadow: 0px 0 8px rgba(100, 100, 100, 0.5);background: #fff;display: block;">
              
                        </div>
                        
                    </div>

                    











